
$marginArr: 3, 5, 10, 15, 20, 30;
$fontMap: (
  'm': 12,
  'l': 14,
  'xl': 16,
  'xxl': 18,
  'max': 20
);
html,
body,
div,
h1,
h2,
h3,
p,
a,
ol,
ul,
li,
input {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: inherit;
  font-weight: normal;
  vertical-align: baseline;
  -webkit-font-smoothing: antialiased; //字体清晰
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}
@font-face {
  font-family: 'DIGITALDREAMFAT';
  /*src: url('./fonts/DIGITALDREAMFAT.eot');*/
  /*src: url('./fonts/DIGITALDREAMFAT.eot') format('embedded-opentype'),*/
  src: url('./fonts/DIGITALDREAMFAT.woff2') format('woff2'),
  url('./fonts/DIGITALDREAMFAT.woff') format('woff'),
  url('./fonts/DIGITALDREAMFAT.ttf') format('truetype');
  /*url('./fonts/DIGITALDREAMFAT.svg#DIGITALDREAMFAT') format('svg');*/
}
html,
body {
  font-family: 'Helvetica Neue', Helvetica, Arial, 'PingFang SC', 'Hiragino Sans GB', 'Heiti SC', 'Microsoft YaHei', 'WenQuanYi Micro Hei', sans-serif;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  font-size: 14px;
  min-width: 1680px;
  max-width: 100%;
  height: 100%;
  -ms-overflow-style: none;
  scrollbar-color: transparent transparent;
  scrollbar-track-color: transparent;
  -ms-scrollbar-track-color: transparent;
}
// ::-webkit-scrollbar {
//   width: 10px;
//   height: 10px;
// }
::-webkit-scrollbar-thumb {
  border-radius: 5px;
  box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
  background: rgba(0, 0, 0, 0.2);
}
::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
  border-radius: 0;
  background: rgba(46, 45, 45, 0.1);
}
b,
strong {
  font-weight: bold;
}
ul,
li {
  list-style: none;
}
a:focus,
a:active {
  outline: none;
}

a,
a:focus,
a:hover {
  cursor: pointer;
  color: inherit;
  text-decoration: none;
}
small {
  font-size: 80%;
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
}
input[type='number'] {
  -moz-appearance: textfield;
}
input,
textarea {
  outline: 0;
  background-color: transparent;
}

img {
  max-width: 100%;
  height: auto;
}
// 自动填充的填充色
input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 1000px white inset;
  box-shadow: 0 0 0 1000px white inset;
  -webkit-text-fill-color: #333;
}
.tcenter {
  text-align: center;
}
.auto {
  margin-left: auto;
  margin-right: auto;
}
.fn {
  line-height: normal;
}
.pull-left {
  float: left;
}
.pull-right {
  float: right;
}
.right {
  text-align: right;
}
@each $val in $marginArr {
  .ml#{$val} {
    margin-left: #{$val}px;
  }
  .mr#{$val} {
    margin-right: #{$val}px;
  }
  .mb#{$val} {
    margin-bottom: #{$val}px;
  }
  .mt#{$val} {
    margin-top: #{$val}px;
  }
}
@each $key, $item in $fontMap {
  .#{$key} {
    font-size: #{$item}px !important;
  }
}
.clearfix:after {
  content: '';
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}

.flex {
  display: -webkit-flex;
  display: -webkit-box;
  display: flex;
  display: -ms-flexbox;
  .cell-main {
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
  }
  &.middle {
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -o-align-items: center;
    align-items: center;
  }
  &.wrap {
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  &.start {
    justify-content: flex-start;
  }
  &.end {
    justify-content: flex-end;
  }
  &.center {
    justify-content: center;
  }
  &.between {
    justify-content: space-between;
  }
  &.around {
    justify-content: space-around;
  }
  &.col {
    flex-direction: column;
  }
}
.row2 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.row1 {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.price:before {
  content: '¥';
}

.expand {
  display: none;
  position: fixed;
  top: 0;
  z-index: 1060;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
}
.block {
  display: block;
}
.z-in {
  position: relative;
  z-index: 2;
}

.oneline {
  white-space: nowrap;
}

.item {
  padding: 10px;
  box-sizing: border-box;
}
.ver-pad {
  padding: 0 0.5rem;
  box-sizing: border-box;
}
.clickbetter {
  border: 0.15rem solid transparent;
}
.cursor {
  cursor: pointer;
}
.subtext {
  color: rgba($color: #000000, $alpha: 0.65);
}
.col-hui {
  color: #cacccc;
}
.col-white {
  color: #fff;
}
.bold {
  font-weight: bold;
}
.col-green {
  color: rgb(40, 199, 111);
}
.col-red {
  color: #fd5f00;
}
.col-orange {
  color: #ffb41d;
}
.f24 {
  font-size: 24px;
}
.app-container {
  padding: 25px 20px;
}
#app {
  height: 100%;
}
.col-blue {
  color: #1fe2ff;
}
.sreenTab {
  color: #fff;
  background: rgba(10, 24, 71, 1);
  border: 1px solid rgba(31, 226, 255, 0.3) !important;
  box-shadow: #19abff 0px 0px 6px inset !important;
}
.el-table .warning-row {
  background: #0a1847;
}

.el-table .success-row {
  background: #08153e;
}
:focus {
  outline: none;
}
.box-card /deep/ .el-form-item__label {
  font-size: 12px;
  padding-left: 5px;
}
.el-menu--popup /deep/ .el-menu-item.is-active::after {
  background-color: transparent;
}

.pad20 {
  padding: 20px;
}
.sreenTab /deep/ .el-breadcrumb {
  color: #09b4fa;
  font-size: 14px;
  &:after {
    content: '';
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
  }
}
.sreenTab /deep/ .el-table {
  margin-top: 10px;
  border-top: 1px solid #09b4fa;
  padding-top: 10px;
}
.el-breadcrumb__separator {
  color: currentColor;
}
.page-head {
  padding: 10px 20px;
  color: #fff;
  background: #0a1847;
  border: 1px solid rgba(31, 226, 255, 0.3);
  box-shadow: #19abff 0px 0px 6px inset;
  margin-bottom: 4px;
  display: flex;
  align-items: center;
}
.el-dialog {
  /deep/ .el-form-item__label,
  .el-radio,
  .el-tree,
  .el-input__inner,
  .el-input-number__decrease,
  .el-input-number__increase {
    color: #333;
  }
  .el-textarea__inner {
    color: #333;
  }
  .el-table,
  .el-table thead .cell {
    border: none;
    color: #333;
  }
  /deep/ .el-tabs__header {
    border-bottom: 1px solid #999;
  }
  .el-tabs--border-card {
    box-shadow: none;
    border: 1px solid #999;
  }
}
.cancel-btn {
  background-color: #d8dce8;
  border-color: #d8dce8;
  color: #000;
}



//缺省页面
.default-box {
  img {
    width: 100%;
    height: 100%;
  }
  p {
    font-family: 'pingFangSC-Regular';
    margin-top: 30px;
    font-size: 16px;
    color: rgba(26, 194, 252, 0.8);
    font-weight: 500;
  }
}
//表格缺省
.el-table__empty-block {
  height: 400px;
}
.yzd-tool-btn {
  width: 100%;
  height: 40px;
}
.fn {
  font-weight: normal;
}
//全局设置加载，留着导航栏可以点击
.el-loading-mask{
  top:61px;
}
.amap-ui-smp-ifwn-content-body {
  background: #222933 !important;
  padding: 15px !important;
  border-radius: 8px !important;
  box-shadow: 0 2px 12px 0 rgba(18, 24, 32, 1) !important;
  border: none !important;
}
.amap-ui-smp-ifwn-info-title {
  border: none !important;
  color: #1fe284;
}
.amap-ui-smp-ifwn-info-content {
  padding-top: 5px;
  line-height: 22px;
  font-size: 14px;
}
.amap-ui-smp-ifwn-info-content p {
  height: 22px;
  font-size: 13px;
  overflow: hidden;
  color: #808d9d;
}
.amap-ui-smp-ifwn-info-content .imgbox {
  overflow: hidden;
  font-size: 0;
}
.amap-ui-smp-ifwn-info-content .imgbox .lab {
  margin-bottom: 6px;
  font-size: 13px;
}
.amap-ui-smp-ifwn-info-content .imgbox img {
  background: #eee;
  width: 50px;
  margin-right: 10px;
  border-radius: 3px;
  vertical-align: top;
}
.amap-ui-smp-ifwn-info-content .imgbox img:last-child {
  margin-right: 0;
}
.amap-ui-smp-ifwn-def-tr-close {
  display: none;
}
.amap-ui-smp-ifwn-combo-sharp {
  background: none !important;
  width: 0 !important;
  height: 0 !important;
  border-width: 10px;
  border-style: solid;
  border-color: #222933 transparent transparent;
}
.amap-marker-content {
  .amap-icon img {
    width: 24px;
  }
  .Human,
  .Car {
    width: 20px;
    height: 30px;
    &.online {
      .bubble {
        color: #1fe284;
      }
    }
    .bubble {
      position: absolute;
      left: 50%;
      transform: translateX(-50%);
      bottom: 36px;
      color: #b1bad2;
      font-weight: 700;
      font-size: 12px;
      white-space: nowrap;
    }
  }
  .Human {
    background: url('../img/ico-unlineman.png') no-repeat;
    background-size: 100% auto;
    &.online {
      background-image: url('../img//ico-man.png');
    }
  }
}